<template>
    <div class="title">
        <slot>
            <span>爆款推荐</span>
        </slot>
    </div>
</template>

<script>
export default {
    name:'card'
}
</script>

<style scoped>
.title{width: 100%;font-size: .426667rem;text-align: center;padding: .266667rem 0;}
.title span{position: relative;}
.title span::after{content: "";position: absolute;width: .213333rem;height: .213333rem;border-radius: 50%;display: block;background: #d4c0a7;top: 50%;margin-top: -0.106667rem;left: -0.5rem;}
.title span::before{content: "";position: absolute;width: .213333rem;height: .213333rem;border-radius: 50%;display: block;background: #d4c0a7;top: 50%;margin-top: -0.106667rem;right: -0.5rem;}
</style>